<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
	</style>
</head>
<body>

	<ul>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
		<li>今日油条，条条新鲜</li>
	</ul>
	<script type="text/javascript">
		// 1.偶数行字体大小30px，加粗；奇数行背景颜色绿色，字体颜色白色
		/*
			添加样式的三种方法：
				1.元素节点.style.样式 = ""
				2.元素节点.style.cssText = ""
				3.元素节点.setAttribute()
				4.元素节点.style
		*/
		let ul = document.getElementsByTagName('li')
		console.log(ul)
		for(let i = 0;i<ul.length; i++){
			if(i % 2 != 0){
				ul[i].style.fontSize='30px'
				ul[i].style.fontWeight = "bolder"

				ul[i].style.cssText='font-size:30px;font-weight:700;'

				//会把上面的style覆盖掉
				ul[i].setAttribute('style',"font-size:50px;font-family:黑体;")
			}else{

				ul[i].style.backgroundColor = 'green'
				ul[i].style.color='#fff'
				ul[i].style='color:red;'
			}
		}
	
		
		// 2.往指定的数组里添加一条数据,如果添加的数据和数组里的重复,则不再添加,不重复添加进数组,并继续添加
		let arr = [1, 2, 3]
		function addNum() {
			let num = Number(prompt('请输入数据'))
			if(arr.indexOf(num) == -1){
				arr.push(num)
				return addNum()
			}else{
				return arr
			}
		}
		addNum()	
		console.log(arr)
	</script>
</body>
</html>